<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>进度报告</title>
    <link rel="stylesheet" type="text/css" href="css/hammer-define.css" />
    <script src="js/hammer/hammer.js"></script>
    <script src="js/ArrayForEach.js"></script>
    <script src="js/hammer-define.js"></script>
</head>
<style>
    .list-title {
        list-style: none;
        font-size: 16px;
        padding: 7px 10px;
        border-width: 1px 0 0 0;
        border-color: lightgray;
        border-style: solid;
    }
    .list-content {
        list-style: none;
        font-size: 16px;
        padding: 3px 20px;
        display: inline-block;
        width: 100%;
    }
    .list-detail {
        font-size: 14px !important;
    }
    .title-img {
        width: 30px;
        margin-left: 10px;
        margin-top: 1px;
        position: relative;
        top: 1px;
    }
    .title-span {
        color: #4E4E4E;
        top: -7px;
        position: relative;
    }
    .title-icon {
        width: 20px;
        float: right;
        position: relative;
        top: 7px;
        right: 10px;
    }
    .line {
        width:100%;
        height: 1px;
        background-color: lightgray;
        clear: both;
    }
    .line-short {
        width: 95%;
        float: right;
        height: 1px;
        background-color: lightgray;
    }
    .content-span-high {
        color: #2f85ff;
    }
    .content-span_report {
        color: #666666;
        font-size: 14px;
        float: right;
        line-height: 16px;
    }
    .content-span-left {
        font-size: 14px;
        float: left;
        line-height: 16px;
    }
    .content-img {
        margin: 5px;
        max-width: 25%;
        float: left;
    }
    .content-detail {
        display: block;
        margin-top: 3px;
        word-break: break-word;
    }
    .send-button {
        background-color: #2f85ff;
        border-radius: 5px;
        color: white;
        width: 36%;
        margin: 10px 32%;
        line-height: 28px;
        text-align: center;
    }

    .mon{
        background-color: #666666;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        max-height: 0px;
    }

    ul .list-content2 {
        width: 30%;
        float: left;
        margin-left: 2.5%;
        list-style: none;
        display: inline-block;
    }

    ul .list-content2 img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }


</style>
<body style="margin: 0px; color: #666666">
    <ul style="background-color: white;padding: 0px;">
        <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0;background-color: #E5EEF5"></div>
        <li class="list-title">
            <img class="title-img" src="img/check-title-icon.png">
            <span class="title-span">进度报告</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">客户名称 ：</span><span class="content-span_report" id="name_report"></span></li>
        <li class="list-content"><span class="content-span-high">客户联系人 ：</span><span class="content-span_report" id="man_report"></span></li>
        <li class="list-content"><span class="content-span-high">所属地区 ：</span><span class="content-span_report" id="area_report"></span></li>
        <li class="list-content"><span class="content-span-high">详细地址 ：</span><span class="content-span_report" id="address_report"></span></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">开始安装</span>
            <span id="1_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">挂钩（或基础）安装完成</span>
            <span id="2_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">挂钩（或基础）安装（与屋面的连接处）</span></li>
        <li id="2_1_img_report" style="padding: 2% 3%"></li>
        <li class="list-content"><span class="content-span-high">防水处理</span></li>
        <li id="2_2_img_report" style="padding: 2% 3%"></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">导轨安装完成</span>
            <span id="3_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">导轨安装</span></li>
        <li id="3_img_report" style="padding: 2% 3%"></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">组件安装完成</span>
            <span id="4_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">组件安装</span></li>
        <li id="4_img_report" style="padding: 2% 3%"></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">逆变器安装完成</span>
            <span id="5_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">逆变器安装</span></li>
        <li id="5_img_report" style="padding: 2% 3%"></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">配电箱安装完成</span>
            <span id="6_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">配电箱安装</span></li>
        <li id="6_img_report" style="padding: 2% 3%"></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">并网安装完成</span>
            <span id="7_report" style="color: red;margin-right: 20px;float: right">×</span>
        </li>
    </ul>

    <div id="hammer-mask"></div>
    <div id="hammer-bg" onclick="hideHammer(event)">
        <div id="hammer-box">
            <img id="image-big" src="img/htjd01.png" alt="">
        </div>
        <div id="hammer-page">1/1</div>
        <div id="hammer-page-ctrl">
            <span onclick="lastImg()" style="float: left"> < last </span>
            <span onclick="nextImg()" style="float: right"> next > </span>
        </div>
    </div>
    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>
</body>

<script type="text/javascript-lazy" src="js/projectTrackHtml/report_J.js"></script>

</html>
